<template>
    <div class="wrapper wrapper8">
        <div class="page-header">
            <h3>{{ title }}</h3>
        </div>
        <div class="page-content">
            <div class="alert alert-danger">当前数值为: {{ count }}</div>
            <button class="btn btn-primary" @click="count++">增加</button>
        </div>
    </div>
</template>

<script setup>
import {
    ref,
    defineProps,
    onBeforeMount,
    onMounted,
    onBeforeUpdate,
    onUpdated,
} from "vue";
const count = ref(0);
const props = defineProps({
    title: {
        type: String,
        default: "Dashboard",
    },
});
console.log("setup");
onBeforeMount(() => {
    console.log("onBeforeMount");
});
onMounted(() => {
    console.log("onMounted");
});
onBeforeUpdate(() => {
    console.log("onBeforeUpdate");
});
onUpdated(() => {
    console.log("onUpdated");
});
</script>

<style lang="scss" scoped></style>
